<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/muban.css">
	<link href="css/timeline.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="js/jquery-1.12.2.js"></script>

</head>
<body>
	<!-- 主体 -->
	<div id="gx_layout">
		<!-- 头部 -->
		<header id="gx_header">
			<div class="container">
				<div class="con_top">
					<div class="con_top_box">
						<!-- logo -->
						<div id="logo">
							<a href="#"><img src="./images/logo.png" alt=""></a>
						</div>
						<!-- 导航 -->
						<div id="daohang">
							<ul class="dh_ul clearfix">
								<li><a href="index.html">首页</a></li>
								<li><a href="history.html">发展历程</a></li>
								<li><a href="feature.html">艺术特点</a></li>
								<li>
									<a href="representative.html">代表人物</a>
									<div id="daibiao">
										<div><a href="representative.html#csf">陈少芳</a></div>
										<div><a href="representative.html#xcg">许炽光</a></div>
										<div><a href="representative.html#lgk">梁桂开</a></div>
										<div><a href="representative.html#llq">陆柳卿</a></div>
									</div>
								</li>
								<li><a href="meaning.html">传承意义</a></li>
								<li><a href="forum.html">广绣论坛</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="inner-banner">
					
				</div>
			</div>
		</header>
		
		
		<footer>
			<p>Copyright ©广东农工商职业技术学院</p>
			<p>20175533124</p>
			<p>李嘉慧</p>
		</footer>	
	</div>
</body>
<script src="js/index.js"></script>	
<script src="js/timeline.min.js"></script>
	<script>
        timeline(document.querySelectorAll('.timeline'), {
            forceVerticalMode: 700,
            mode: 'horizontal',
            verticalStartPosition: 'left',
            visibleItems: 4
        });
    </script>
</html>